<include file="header"/>
<div class="wraper flex-box flex-top item-col" js="wapjs/base/utilities/js/index.js">
    <div class="header flex-box">
        <a href="/index.php?g=Base&m=Utilities&a=index&utilities_set_id={BEESCRM:$utilities_set_id}" <if condition="$userInfo.type eq 0 ">class="iconfont icon-zuo" </if>></a>
        <span class="text-center">账单缴费</span>
        <a href="{BEESCRM::U('/Base/Utilities/paymentHistory',array('utilities_set_id'=>$utilities_set_id))}" class="text-right text-14">记录</a>
    </div>
    <!--有记录-->
    <if condition="$paymentDetail.total_fee neq 0">
    <div class="flex-auto full-box">
        <div class="lists">
            <div class="list-line">请确认缴费信息</div>
            <div class="list-line flex-box flex-between">
                <p class="text-12 text-deepgray">开户人</p>
                <p>{BEESCRM:$userInfo.real_name}</p>
            </div>
            <div class="list-line flex-box flex-between">
                <p class="text-12 text-deepgray">身份证号</p>
                <p>{BEESCRM:$userInfo.id_card}</p>
            </div>
            <div class="list-line flex-box flex-between">
                <p class="text-12 text-deepgray">手机号</p>
                <p>{BEESCRM:$userInfo.mobile}</p>
            </div>
            <div class="list-line flex-box flex-between">
                <p class="text-12 text-deepgray">地址</p>
                <p>{BEESCRM:$userInfo.address}</p>
            </div>
        </div>
            <div class="lists">
                <eq name="userInfo.type" value="0">
                <div class="list-line flex-box flex-between">
                    <p class="text-12 text-deepgray">应缴冷水费</p>
                    <p><span id="payment_cold_water" class="text-red">{BEESCRM:$paymentDetail.balance_cold_water}</span>元</p>
                </div>
                <div class="list-line flex-box flex-between">
                    <p class="text-12 text-deepgray">应缴热水费</p>
                    <p><span id="payment_hot_water" class="text-red">{BEESCRM:$paymentDetail.balance_hot_water}</span>元</p>
                </div>
                <else/>
                    <div class="list-line flex-box flex-between">
                        <p class="text-12 text-deepgray">应缴水费</p>
                        <p><span id="payment_water" class="text-red">{BEESCRM:$paymentDetail.balance_cold_water}</span>元</p>
                    </div>
                </eq>
                <div class="list-line flex-box flex-between">
                    <p class="text-12 text-deepgray">应缴电费</p>
                    <p><span id="payment_electric" class="text-red">{BEESCRM:$paymentDetail.balance_electric}</span>元</p>
                </div>
                <div class="list-line flex-box flex-between">
                    <p class="text-12 text-deepgray">应缴总费用</p>
                    <p><span id="total_fee" class="text-red">{BEESCRM:$paymentDetail.total_fee}</span>元</p>
                </div>
            </div>
            <div class="btn-box">
                <a href="javascript:;" class="btn text-center btn-payment">立即缴费</a>
            </div>
    </div>
    <else />
    <!--暂无记录-->
    <div class="flex-auto bg-white nolog-tips flex-box item-col">
        <div class="tips-img"><img src="/assets/base/utilities/images/no_log.png"/></div>
        <p class="text-center">暂无缴费信息</p>
    </div>
    </if>


</div>
<input type="text" id="utilitiesSetId" value="{BEESCRM:$utilities_set_id}" hidden>
<input type="text" id="type" value="{BEESCRM:$userInfo.type}" hidden>
<include file="footer"/>